<template>
    <div class="container">
<div class="title">按钮属性</div>
<el-form label-width="100">
<el-form-item label="宽">
<el-input-number v-model="currentcom.style.width"/></el-form-item>
<el-form-item label="高">
<el-input-number v-model="currentcom.style.height" /></el-form-item>
<el-form-item label="x轴">
<el-input-number v-model="currentcom.style.left" /></el-form-item>
<el-form-item label="y轴">
<el-input-number v-model="currentcom.style.top"/></el-form-item>
<el-form-item label="透明度">
<el-input-number v-model="currentcom.style.opacity" /></el-form-item>
</el-form>
</div>
</template>
<script setup lang="ts">
import {useComponents} from '@/stores/counter'
import {storeToRefs} from 'pinia'
const {currentcom} =storeToRefs(useComponents())
</script>
<style scoped lang="scss">
.container{
    width: 100%;
    height: 100%;
}
.title{
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    text-align: center;
   
 
}
</style>
